<script setup lang="ts">
import { useAuthStore } from '@/store/modules/auth';
import HeaderBanner from './modules/header-banner.vue';
import ProjectNews from './modules/project-news.vue';
import CreativityBanner from './modules/creativity-banner.vue';

const authStore = useAuthStore();

const isRegistered = authStore.userInfo.faceInfo === 1;
</script>

<template>
  <ASpace direction="vertical" :size="16">
    <AAlert
      v-if="!isRegistered"
      message="警告"
      description="人脸信息未注册，请前往个人中心先注册吧！"
      type="warning"
      show-icon
    ></AAlert>
    <HeaderBanner />
    <ARow :gutter="[16, 16]">
      <ACol :span="24" :lg="14">
        <ProjectNews />
      </ACol>
      <ACol :span="24" :lg="10">
        <CreativityBanner />
      </ACol>
    </ARow>
  </ASpace>
</template>

<style scoped></style>
